<template>
  <div>
    <ul>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
      <li>
        <img src="http://placehold.it/190x240" alt="">
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang='stylus' scoped>
ul
  display flex
  flex-wrap wrap
  padding-left .1rem
  li
    width 50%
    padding .1rem .1rem 0 0
    img
      width 100%
</style>